{namespace i=TYPO3\CMS\Install\ViewHelpers}

<f:layout name="Step" />

<f:section name="Content">
	<f:render partial="Action/Step/StepCounter.html" arguments="{steps: steps, currentStep: currentStep}" />

	<h3>Create user and import base data</h3>

	<p>
		Import basic database structure and create a backend administrator user.
	</p>
	<p>
		The password can be used to log in to the <strong>install tool</strong> and the <strong>TYPO3 CMS backend</strong>
		(default username is "admin").
	</p>
	<p>&nbsp;</p>

	<div class="row">
		<div class="col-md-6">
			<form method="post" id="stepInstaller-databaseData" class="t3-install-form-label-before form-horizontal">
				<f:render partial="Action/Common/HiddenFormFields" arguments="{_all}" />
				<input type="hidden" value="execute" name="install[set]" />
				<div class="form-group">
					<label for="password" class="control-label col-md-2">Username</label>
					<div class="col-md-10">
						<input
								class="t3-install-form-input-text form-control"
								name="install[values][username]"
								id="username"
								placeholder="admin"
								autocomplete="off"
								/>
					</div>
				</div>
				<div class="form-group">
					<label for="password" class="control-label col-md-2">Password</label>
					<div class="col-md-10">
						<input
								class="t3-install-form-input-text t3-install-form-password-strength form-control"
								name="install[values][password]"
								id="password"
								type="password"
								autocomplete="off"
								/>
						<div class="checkbox">
							<label>
								<input
									type="checkbox"
									id="show-password"
									onchange="if (this.checked==true) { document.getElementById('password').type='text'; } else { document.getElementById('password').type='password'; }"
								/>
								Show password
							</label>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-2"></div>
					<div class="col-md-10">
						<div class="alert alert-warning">
							This password gives an attacker full control over your instance if cracked. It should be strong (include lower and upper case characters, special characters and numbers) and must be at least eight characters long.
						</div>
					</div>
				</div>
				<div class="form-group">
					<label for="sitename" class="control-label col-md-2">Site name</label>
					<div class="col-md-10">
						<input
								class="t3-install-form-input-text form-control"
								name="install[values][sitename]"
								id="sitename"
								type="text"
								value="{siteName}"
								/>
					</div>
				</div>
				<button class="btn btn-success" type="submit">
					Continue
				</button>
			</form>
		</div>
	</div>
</f:section>
